<div>
	<table class="layui-hide" id="tblRecord" lay-filter="tblRecord"></table>
</div>
<script type="text/html" id="barRecord">
	<a class="layui-btn " lay-event="add">新增</a>
	<a class="layui-btn layui-btn-warm" lay-event="update">修改</a>
	<a class="layui-btn layui-btn-danger " lay-event="delete">删除</a>
	<a class="layui-btn layui-btn-xs" lay-event="back" class="crmsidemenu" crmurl="customer/customerlist.html">返回</a>
  <!--  <input style="margin-left: 200px;" type="text" id="txtCusNo" placeholder="请输入客户编号">
    <a class="layui-btn layui-btn-xs" lay-event="search">按客户编号查询</a> -->
</script>
<script>

var row = null
	var table
layui.use(['table', 'jquery'], function() {
	table = layui.table;
	var $ = layui.jquery
	table.render({
		elem: '#tblRecord',
		url: 'http://localhost:8080/record/getCustomerRecord?cusNo=' + window.localStorage.cusNo,
		cols: [[{checkbox: true},
				{field:'reNo',width: 150,title: '交往记录编号',sort: true}, 
				{field:'cusNo',width: 120,title: '客户编号',sort: true}, 
				{field:'cusName',width: 120,title: '客户名称',sort: true},
				{field:'reDate',width:120,title:'交往日期'}, //{属性名1：属性值1，属性名2：属性值2}
				{field:'reSite', title:'地点'},
				{field:'reOutline', title:'概要'},
				{field:'reDetail', title:'详细信息'},
				{field:'reRemark', title:'备注信息'},
			]],
		page: true,
		height: 'full-160',
		limit: 5,
		limits: [5, 10, 15],
		toolbar: '#barRecord',
		defaultToolbar: [] //默认工具栏不显示
	});
	table.on('toolbar(tblRecord)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id);
		switch(obj.event) {
			case 'add':
				layer.open({
					type: 2 //此处以iframe举例
						,
					title: '新增交往记录',
					area: ['400px', '450px'], //窗口的区域，宽:400 高：450
					shade: 0.3, //0-1的值  背景的透明度  0是完全透明 1是全黑
					maxmin: true, //最大最小化的按钮
					offset: [ //为了演示，随机坐标
						($(window).height() - 450) / 2,
						($(window).width() - 400) / 2
					], //窗口的坐标位置 居中显示
					content: 'record/recordadd.html', //窗口显示的页面                               
				});
				break;
			case 'update':
				if(checkStatus.data.length <= 0) {
					layer.msg('请选择要修改的行')
				} else {
					row = checkStatus.data[0]
					layer.open({
						type: 2 //此处以iframe举例
							,
						title: '修改联系人信息',
						area: ['400px', '450px'], //窗口的区域，宽:400 高：450
						shade: 0.3, //0-1的值  背景的透明度  0是完全透明 1是全黑
						maxmin: true, //最大最小化的按钮
						offset: [ //为了演示，随机坐标
							($(window).height() - 450) / 2,
							($(window).width() - 400) / 2
						], //窗口的坐标位置 居中显示
						content: 'record/recordupdate.html', //窗口显示的页面          
					})
				}
				break;
				case 'delete':
				if(checkStatus.data.length <= 0) {
					layer.msg('请选择要删除的行')
				} else {
					layer.confirm('确定删除吗', function(index) {
							var arrId = [] //数组
							for(var i = 0; i < checkStatus.data.length; i++) {
								var record = checkStatus.data[i]
								arrId.push(record.conNo)
							}
							$.ajax({
								type: "POST",
								url: "http://localhost:8080/record/delRecord",
								dataType: 'JSON',
								data: {
									ids: arrId.join(',')
								}, //传数组到后台
								success: function(obj) {
									table.reload('tblRecord',{
										page:{
											curr:1//删除之后跳转到第一页，避免最后一页全部删除之后出现空白
										}
									}) //刷新表格
									layer.msg(obj.msg)
								}
							});
							layer.close(index)//关闭特定层
						});
					}
				break;
				case 'back':
					var url = $(this).attr("crmurl")
					//ajax异步提交来获取url对应页面的内容
					$.get(url, null, function(content) {
						//把异步提交返回的页面替换中间区域的div的内容
						$(".layui-body").children(0).html(content)
					})
				break;
				
		}
	})
});</script>